/* 
    Document   : test_kornel
    Created on : 2012.11.02., 11:26:47
    Author     : MKG
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body {
    background-color:lightsteelblue;
    font-family:arial;
    margin:0px;
    font-size: 12px;
}

body1 {
    font-family:arial;
    margin:0px;
    /* IE10 */ 
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
    /* Firefox */ 
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to top, #FFFFFF 0%, #00A3EF 100%);
    /* http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html */
}

/* legyen mindenhol ARIAL FONT!!!!!!!!!!! */

#titlebar {
    height:5%;
    vertical-align:top;
}

#menu {
    /* background-color:lightsteelblue; */
    text-align:left;
    width:50%;
    height:100%;
    float:left;
}

.menuicon {
    width: 32px; height: 32px;
    background-size: 32px 32px;
    vertical-align:middle;
}

#credits {
    vertical-align:middle;
    float:left;
    width:25%;
    height:100%;
}

#currentproject {
    /* background-color:lightsteelblue; */
    font-size: larger;
    text-align:right;
    width:25%;
    height:100%;
    float:left;
}

#editwindow {
    height:100%;
    vertical-align:bottom;
}

#leftpenop {
    /* background-color:lightsteelblue; */
    width:20%;
    height:100%;
    float:left;
}

#projectexplorer {
    /* background-color:lightsteelblue; */
    width:100%;
    height: 350px;
    /*height:50%;*/
}

#projecttree {
    max-height: 320px;
    overflow: auto;
}

#editorwrapper {
    width:100%;
    height:350px;
}

#editor {
    max-height: 320px;
    overflow: auto;
}

#diagramviewwrapper {
    /* background-color:lightsteelblue; */
    width:60%;
    height:100%;
    float:left;
}

#myCanvas {
    border:1px solid #000000;
}

#toolbar {
    /* background-color:lightsteelblue; */
    width:200px;
    height:100%;
    float:left;
}

.diagrambutton {
    background-color: white;
    border: 1px solid black;
    margin: 2px;
    padding: 2px;
}

.diagrambutton:hover {
    border: 3px solid #00A3EF;
    margin: 2px;
    padding: 0px;
    cursor: pointer;
}

/* STYLES OF BOLO */

.gangnam {

}

.xml_output {
    font-size: 11px;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    display: none;
}

.diagram_canvas {
    border: 1px solid black; 
    background: white;
}

/*.diagram_canvas:active,
.diagram_canvas:focus {
    cursor:move;
}*/

.diagram_tab, .diagram_tab_selected {
    border: 1px solid black;
    background-color: #c0c0c0;
    margin-left: 0px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 16px;

    cursor: default;
    float: left;
}

.diagram_tab_selected {
    background-color: white;
    font-weight: bold;
    padding-right: 2px;
}

.diagram_tab:hover {
    background-color: #d8d8d8;
    cursor: pointer;
}

.diagram_tab_close_icon {
    height: 16px;
    width: 16px;
    cursor: pointer;
    vertical-align: middle;
}

.diagram_tabs_div {
    margin-top: 15px;
    /*font-size: 12px;*/
    vertical-align: middle;

}

.diagram_canvas_div {
    clear: both;
    position: relative;
    top: 0px;
    /*ezt beallitani*/
}

.project_explorer_tree_div {
    background-color: white;
    border: 1px solid black;
    /*max-height: 400px;*/
    height: 50%;
    overflow: auto;
}

.editor_div {
    height: 50%;
    overflow: auto;
}

.editor_table {
    /*padding:15px;*/
    width: 100%;
}
.editor_header,.editor_header_right {
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
/*    padding-top:10px;*/
    padding-left:0px;
    padding-right:0px;
    border-spacing: 10px;
}
.editor_header_right {
    text-align: right;
}

.editor_left_column {
    vertical-align: middle;
}
.editor_right_column {
    vertical-align: middle;
    text-align: left;
}
.editor_list_table {
    border: 1px solid black;
    background-color: white;
    padding: 0px;
    border-spacing: 0px;
    width: 100%;
    min-height: 10px;
}
.editor_list_name,
.editor_list_edit,
.editor_list_delete {
    border: 0px solid #808080;
    padding: 0px;
    vertical-align: middle;
}

.editor_list_add {
    border: 0px solid #808080;
    padding: 0px;
    vertical-align: bottom;
}

.editor_list_name {
    padding-left: 3px;
    padding-right: 3px;
}

.editor_list_add,
.editor_list_edit,
.editor_list_delete{
    text-align: center;
    width: 16px;
}

.editor_list_empty {
    height: 7px;
}

.editor_list_add_button,
.editor_list_trash_button {
    border: 1px solid black;
    text-align: right;
}

.editor_list_add_button:hover, 
.editor_list_edit_button:hover, 
.editor_list_delete_button:hover,
.editor_list_trash_button:hover {
    cursor: pointer;
}

.editor_back_to_parent_ref{
    font-size: 11px;
    color: black;
}

input[type="text"],select,checkbox {
    width: 100%;
}

legend {
    font-size: 14px;
}